main > div {
    display: flex;
    flex-direction: row;
    height: 100%;
}

article:focus {
    background-color: silver;
}

.right {
    display: flex;
    overflow-x: hidden;
    border-left: 1px solid black;
    flex-direction: column;
    flex-basis: 25%;
}

.left {
    display: flex;
    flex-direction: column;
    flex-basis: 75%;
    overflow-y: auto;
}
div > article {
    word-wrap: break-word;
}

body { overflow-x: hidden; }

h1 { margin-top: 0; }

.kui-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 12%;
}

.kui-software-key {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 10%;
}

main {
    position: fixed;
    height: 78%;
    top: 12%;
    bottom: 10%;
    left: 0;
    right: 0;
}

#menu {
    position: fixed;
    height: 78%;
    top: 12%;
    bottom: 10%;
    left: 0;
    right: 0;
}

.ownmsg {
    color: gray;
}
